<<<<<<< HEAD
<template>
  <div class="index_wrap">
    <!-- <cars></cars> -->
    <navbar></navbar>
    <!-- <a-map></a-map> -->
    <div class="children_wrap" id="children" :class="{ open: show }">
      <router-view />
    </div>
    <Login></Login>
  </div>
</template>

<script>
import aMap from "@/views/aMap/aMap";
import Cars from "@/views/cars/cars";
import User from "@/views/user/user";
import Login from "@/views/login/login";

import navbar from "@/components/content/navbar/navbar";

export default {
  components: {
    Cars,
    User,
    aMap,
    navbar,
    Login
  },
  computed: {
    show() {
      const route = this.$route;
      return route.name == "Safe" ? true : false;
    }
  },
  mounted() {
    document.addEventListener("mouseup", e => {
      const userCom = document.getElementById("children");
      if (userCom && !userCom.contains(e.target)) {
        this.$router.push({
          name: "Index"
        });
      }
    });
  }
};
</script>

<style lang="scss" scoped>
.index_wrap {
  width: 100vw;
  height: 100vh;
  .children_wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -600px;
    z-index: 10;
    width: 410px;
    @include webkit("transition", all 0.3s ease 0s);
    background-color: #383d44;
  }
  .open {
    right: 0;
  }
}
=======
<template>
  <div>index</div>
</template>

<script>
export default {};
</script>

<style>
>>>>>>> 103eb3ad054c9ab96a8d469a8b9b68e43ae3ea0a
</style>